<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>hsk</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="main">
			<img src="img/58@2x.png" width="100%" height="100%" class="background" />
			<div class="main_content">
				<div class="banner" id="banner" v-cloak>
					<div class="img">
						<img v-for="banners in banner_all.banner_pics" :src="banners" width="80%" height="100%" />
					</div>
				</div>
				<div class="list">
					<ul>
						<li>
							<a href="content.html?course_type=3&extend_type=4">HSK-2</a>
						</li>
						<li>
							<a href="content.html?course_type=3&extend_type=5">HSK-3</a>
						</li>
						<li>
							<a href="content.html?course_type=3&extend_type=6">中文学习重难点</a>
						</li>
					</ul>
				</div>
				<div class="main_bottom">
					<p style="font-size: 0.7rem;">HSK是一项国际汉语能力标准化考试，重点考查汉语非第一语言的考生在生活、学习和工作中运用汉语进行交际的能力。本课程包含HSK二级、HSK三级生字词、语法及重难点的学习，此外，每课后还献上“一分钟中国城市”介绍，让你近距离接触中国，了解中国。（HSK一级可对应学习YCT二级、HSK二级可对应学习YCT三级）
					</p>
					<p style="font-size: 0.7rem;">Pruebas HSK: HSK son las pruebas internacionales y estandarizadas del idioma chino para evaluar el nivel de los estudiantes y examinar su habilidad de comunicación en los estudios, en el trabajo y en la vida cotidiana. Los dos primeros niveles elementales HSK1 y HSK2 tienen el mismo temario que las pruebas YCT2 e YCT3 correspondientemente, los interesados son invitados a consultar el curso de las pruebas de YCT. Este curso enfoca especialmente en las dos pruebas de nivel intermedio, HSK2 y HSK3，El curso contiene, aparte del estudio de la gramática y el vocabulario, unas presentaciones “Un minuto sobre las ciudades chinas” que permiten un acercamiento y un mejor entendimiento de la cultura china.
					</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//调用轮播图接口,淘淘图书馆
			$.ajax({
				url: apiPath + 'common/banner',
				type: 'post',
				dataType: 'json',
				data: {
					banner_type: 6,
					flagsign: 1
				},
				success: function(data) {
					var right = new Vue({
						el: '#banner',
						data: {
							banner_all: data.returnData,
						},
						mounted: function() {
							var index = 0;

							function play(index) {
								// 大图切换 ：大图显示，其余的大图隐藏（当前元素的前后兄弟元素隐藏）
								$(".banner>div img").eq(index).show().siblings('img').hide();
							}

							// 自动播放
							function autoPlay() {
								//创建定时器，每一毫米调用一次play()
								timer = setInterval(function() {
									//下一张 索引值++
									index++;
									//边界判断 索引值=10，重新赋值
									index = index % data.returnData.banner_pics.length;
									//调用play()
									play(index);
								}, 2000);
								//		console.log(timer);

							};
							// 启动自动播放
							autoPlay();
						}
					});
				}
			});
		</script>
	</body>

</html>